.theme{background: #e83d1d}
.color{color: #e83d1d}

/*========================================= 分页 =====================================*/
.page { overflow:hidden;}
.pagelink { margin-top: 40px;text-align: center}
.pagelink span,.pagelink a { display:inline-block; text-align:center;padding: 4px 10px;; border:solid 1px #ccc;color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#e83d1d; color:#fff; border:solid 1px #e83d1d;}
.pagelink span{display:inline-block; color:#fff; background:#e83d1d;padding: 4px 10px;border:solid 1px #e83d1d;}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #313131;color: #fff}
.topA{padding: 30px 0}
.logo{padding: 0}
.topAsr{padding: 0;}
nav{padding-right: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 50px;text-align: center}
nav ul li a{display: block;font-size: 16px}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 32px;color: #000}
.title p{color: #888;font-size: 16px;margin-top: 8px}

.oneA{margin-top: 40px;overflow: hidden}
.oneAl .title{text-align: left;margin-top: 0}
.oneAl .title h2{color: #5a5a5a}
.oneAl .text{line-height: 2;color: #888;margin-top: 20px}
.oneAr img{width: 100%}
.oneAl .more{text-align: left}
.more{margin-top: 40px;text-align: center}
.more a{display: inline-block;width: 130px;line-height: 40px;border-radius: 30px;text-align: center;transition: all 0.4s ease}

.oneB{border: 5px solid #F4F4F4;overflow: hidden;margin-top: 40px;padding: 40px 0}
.oneB ul li{text-align: center}
.oneB ul li b{font-size: 60px}
.oneB ul li p{font-size: 18px;color: rgb(102, 102, 102);margin-top: 10px}
.oneB ul li:hover b{color: #000}

.oneC{background: #F5F5F5;overflow: hidden;margin-top: 40px;}
.oneCa{padding: 0 0 40px 0;margin-top: 190px;max-height: 110px}
.oneCa ul{display: flex;justify-content: space-between;position: relative;bottom: 150px}
.oneCa ul li{width: 17%;background: #fff;text-align: center;line-height: 60px;border-radius: 0 0 30px 0;overflow: hidden;
    transition: all 0.4s ease}
.oneCa ul li dd{position: relative}
.oneCa ul li dd img{height: 150px;width: 100%}
.oneCa ul li dd:after{content:'';position:absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0}

.oneCa ul li p{display: block;transition: all 0.4s ease}

.oneCb ul{margin-top: 16px;display: flex;flex-wrap: wrap;align-items: flex-end}
.oneCb ul li{margin-top: 24px;}
.oneCb ul li a{display: block;border: 4px solid #eeeeee;padding: 15px}
.oneCb ul li dd{overflow: hidden;text-align: center}
.oneCb ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneCb ul li p{font-size: 16px;text-align: center;font-weight: bold;margin-top: 15px}
.oneCb ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}

.oneD{background: url("../img/od.jpg") no-repeat center bottom fixed;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.oneD ul{margin-top: 20px}
.oneD ul li{margin-top: 20px}
.oneD ul li dl{background: rgba(255,255,255,0.8);text-align: center;border-radius: 30px;padding: 70px 12px}
.oneD ul li dl h3{font-size: 18px;margin-top: 30px}

.oneF{}
.oneF ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneF ul li{}
.oneF ul li a{display:block;border-bottom: 1px dashed #dddddd;padding: 20px 0;overflow: hidden}
.oneF ul li h3{font-size: 18px;font-weight: normal}
.oneF ul li dl{overflow: hidden;margin-top: 20px}
.oneF ul li dl dd{padding-left: 0}
.oneF ul li dl dd img{width: 100%;transition: all 0.5s ease;}
.oneF ul li dt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color: #999;line-height: 2}
.oneF ul li span{color: #929292;display: inline-block;float: right}
.oneF ul li dd:hover img{transform: scale(1.1);transition: all 0.5s ease;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #242424;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foot{color: #777;display: flex;justify-content: space-between}
.foota img{margin-bottom: 30px}
.foota b{color: rgb(153, 153, 153);font-size: 28px}
.foota h3{font-size: 16px;color: #ccc;margin-bottom: 30px}

.foota ul li {color: #666;line-height: 20px;padding-bottom: 15px;}
.foota ul li a{color: #666666}
.footb ul li{text-align: center;padding: 0 0 15px 0}
.footb ul li dd{padding: 0}
.footb ul li img{margin-bottom: 0;}
.footc{width: auto;}
.footc dd img{width: 100px;height: 100px;display: inline-block;margin-bottom: 0}
.footc p{margin-top: 10px;color: #ccc;text-align: center;font-size: 12px}

.copy{background: #1A1A1A;color: #666;line-height: 35px;padding: 10px 0;text-align: center}
.copy a{color: #666}


@media screen and (max-width: 768px) {
    .top{display: none}
    .topAsr{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .menu-button{display: block}
    .footfix{display: block}
    .footline{display: block}
    .foota{display: none}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .foota:nth-child(4){display: block}
    .navs_menu{display: block}
    .footer{padding:  25px 0}
    .topA{padding: 12px}
    .oneAr{margin-top: 40px}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .more a{width: 120px;line-height: 33px}
    .oneB ul li b{font-size: 30px}
    .oneB ul li p{font-size: 14px}
    .oneCa{max-height: 65px;margin-top: 120px}
    .oneCa ul{bottom: 90px}
    .oneCa ul li dd img{height: 90px;}
    .oneCa ul li{width: 30%;line-height: 35px;border-radius: 0 0 15px 0;}
    .oneCa ul li:nth-child(4),.oneCa ul li:nth-child(5){display: none}
    .oneCb ul li a{padding: 5px}
    .oneCb ul li p{font-size: 14px;margin-top: 10px}
    .oneD ul li img{width: 50px}
    .oneD ul li dl{padding: 25px 10px}
    .oneD ul li dl h3{font-size: 16px;margin-top: 20px}
    .foota h3{margin-bottom: 20px}
    .foota ul li{padding-bottom: 10px}
}